@charset "UTF-8";
html {
  font-size: 62.5%;
  font-family: "Microsoft yahei"; }

body,
textarea,
input,
select,
option {
  color: #333;
  font-family: "Hiragino Sans GB", "Microsoft Yahei", tahoma, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent; }

body,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
ol,
ul,
dl,
dd,
p,
textarea,
input,
select,
option,
form {
  margin: 0;
  padding: 0; }

ol,
ul,
textarea,
input,
option,
th,
td {
  padding: 0; }

.page {
  min-width: 320px;
  max-width: 750px;
  margin: 0 auto; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%; }

a,
select,
input,
textarea {
  outline: none; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

ul,
ol {
  list-style-type: none; }

.hide {
  display: none; }

.show {
  display: block; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clear {
  clear: both;
  height: 0;
  overflow: hidden; }

/* ios默认文本框阴影 */
input[type="text"],
textarea {
  -webkit-appearance: none; }

/* 低版本安卓文本框层级问题 */
input:focus {
  -webkit-user-modify: read-write-plaintext-only; }

fieldset,
img {
  border: 0; }

a {
  text-decoration: none; }

a,
textarea,
input {
  outline: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

textarea {
  overflow: auto;
  resize: none; }

@media only screen and (min-width: 320px) {
  html {
    font-size: 75% !important;
    /* 12÷16=75% */ } }

/**
    62.5%   10px;
    640 150%    24px;
    320除以标准比例 640  再乘以 640的基数24  再除以  HTML 根据基数16
    320/640  * 24 / 16 = 75%;
    375/640  * 24 / 16 = 87.89%;
    414/640  * 24 / 16 = 97.03%
*/
@media only screen and (min-width: 360px) {
  html {
    font-size: 84.3% !important;
    /* 13.5÷16=84.3% */ } }

@media only screen and (min-width: 375px) {
  html {
    font-size: 87.890625% !important;
    /* 14.0625÷16=87.890625% */ } }

@media only screen and (min-width: 384px) {
  html {
    font-size: 90% !important;
    /* 14.4÷16=90% */ } }

@media only screen and (min-width: 390px) {
  html {
    font-size: 91.4% !important;
    /* 14.625÷16=91.4% */ } }

@media only screen and (min-width: 412px) {
  html {
    font-size: 96.56% !important;
    /* 15.45÷16=96.56% */ } }

@media only screen and (min-width: 414px) {
  html {
    font-size: 97.03% !important;
    /* 15.525÷16=97.03% */ } }

@media only screen and (min-width: 480px) {
  html {
    font-size: 112.5% !important;
    /* 18÷16=112.5% */ } }

@media only screen and (min-width: 560px) {
  html {
    font-size: 131.25% !important;
    /* 21÷16=131.25% */ } }

@media only screen and (min-width: 640px) {
  html {
    font-size: 150% !important;
    /* 24÷16=150% */ } }

@media only screen and (min-width: 720px) {
  html {
    font-size: 168.75% !important;
    /* 27÷16=168.75% */ } }

@media only screen and (min-width: 750px) {
  html {
    font-size: 175.78125% !important;
    /* 28.125÷16=175.78125% */ } }

.top {
  height: 3.05778rem;
  border-bottom: solid 1px var(--adm-border-color);
  background: #2fd8c0;
  color: #effcfa;
  font-size: 1.13778rem; }
  .top .search_input {
    width: 19.76889rem;
    height: 1.77778rem;
    background: #eeeeee;
    border: none;
    border-radius: 0.21333rem;
    outline: none;
    margin-right: 0.35556rem;
    text-indent: 1.42222rem;
    position: relative; }
    .top .search_input::before {
      display: block;
      position: absolute;
      top: 1.42222rem;
      left: 0;
      content: "";
      width: 1.42222rem;
      height: 1.42222rem;
      background: #333 url(../../images/search.png) no-repeat;
      background-size: 100% 100%; }

:global(.adm-dropdown-popup) {
  width: 0;
  height: 0; }

:global(.adm-dropdown-item-active) {
  color: #2fd8c0; }

.search_list {
  padding: 0 1.42222rem; }
  .search_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .search_list ul .search_li {
      padding: 0 0 0.71111rem 0;
      margin: 0.71111rem 0;
      border-radius: 0.56889rem;
      box-shadow: -2px 4px 7px 1px #9d9d9d;
      width: 48%; }
      .search_list ul .search_li .search_li_img {
        height: 8.53333rem; }
        .search_list ul .search_li .search_li_img img {
          display: block;
          height: 100%;
          width: 100%; }
      .search_list ul .search_li .search_title {
        color: #9d9d9d;
        padding: 0.35556rem; }
      .search_list ul .search_li .price_box {
        width: 90%;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        border-bottom: 1px solid #9d9d9d; }
        .search_list ul .search_li .price_box .price {
          color: #ff7098;
          font-size: 1.13778rem;
          font-weight: bold;
          padding: 0.21333rem 0; }
          .search_list ul .search_li .price_box .price span {
            font-size: 0.85333rem; }
        .search_list ul .search_li .price_box .collection {
          font-size: 0.85333rem;
          transform: scale(0.8);
          color: #9d9d9d; }
      .search_list ul .search_li .search_li_user {
        margin-top: 0.35556rem;
        padding: 0 0.35556rem;
        display: flex;
        align-items: center; }
        .search_list ul .search_li .search_li_user .search_user_r {
          padding-left: 0.35556rem;
          font-size: 0.99556rem; }
          .search_list ul .search_li .search_li_user .search_user_r div {
            font-size: 0.85333rem;
            transform: scale(0.8);
            margin-left: -0.71111rem;
            color: #999999; }
